<%@page import="VO.UsuarioVO"%>
<%@page import="VO.ActividadVO"%>
<%@page import="java.util.*"%>
<%@page import="VO.FlujoVO"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="Service.Helpers.CreateXMLFromDB"%>
<%@page import="Facade.FacadeFactory"%>
<%@page import="VO.ProyectoVO"%>
<%@page import="DAO.DAOFactory"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    /*Datos que se supone deberia recoger la sesión*/
    String nombre = App.Sesion.getNombre();
    String apellido = App.Sesion.getApellido();
    String correo = App.Sesion.getCorreo();
    String proyecto = App.Sesion.getNombreProyecto();
    int idproyecto =  App.Sesion.getIdproyecto();
    ProyectoVO project = FacadeFactory.createFacade().showProject(idproyecto);
    SimpleDateFormat simpleDateformat=new SimpleDateFormat("yyyy-MM-dd");
    String date = simpleDateformat.format(project.getFechaInicio());
    String contenido = CreateXMLFromDB.createXML();
%>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Man&Uuml; - Gerente</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link title="default" rel="stylesheet" href="Estilos/css/bootstrap.css" type="text/css" />
	<script src="Estilos/js/jquery.js"></script>
        <script src="Estilos/js/bootstrap.js"></script>
        <script src="Estilos/js/jquery.validate.min.js"></script>
        <link type="text/css" rel="stylesheet" href="gantt/codebase/dhtmlxgantt.css">
        <script type="text/javascript" language="JavaScript" src="gantt/codebase/dhtmlxcommon.js"></script>
        <script type="text/javascript" language="JavaScript" src="gantt/codebase/dhtmlxgantt.js"></script>
        <link rel="stylesheet" type="text/css" href="calendar/codebase/dhtmlxcalendar.css">
        <link rel="stylesheet" type="text/css" href="calendar/codebase/skins/dhtmlxcalendar_dhx_skyblue.css">
        <script src="calendar/codebase/dhtmlxcalendar.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style>
            body{
                background: url('img/bg.png') 0px -100px repeat-x;
                margin: 30px 0 0 0;
            }
            label.error {
                color: red;
            }
        </style>
        <script language="JavaScript" type="text/javascript">

            $(document).ready(function(){
                $("#actividadParaTarea").change(function() {
                    $.ajax({
                            url: "AjaxActivityDateServlet",
                            type: "GET", 
                            dataType: "json",
                            data:{id : $("#actividadParaTarea option:selected").attr("value")},
                            success: function(data) {
                                $("#fechacambioactividad").html(data);
                            }
                        });
                });
                $("#flujosParaTarea").change(function() {
                        $.ajax({
                            url: "AjaxFlowDateServlet",
                            type: "GET", 
                            dataType: "json",
                            data:{id : $("#flujosParaTarea option:selected").attr("value")},
                            success: function(data) {
                                //var obj = eval('(' + data + ')');
                                $("#fechacambio").html(data);
                            }
                        });
                });
                $("#flujosparaeliminartarea").change(function(){
                        $.ajax({
                            url: "AjaxGetActivitiesServlet",
                            type: "GET",
                            dataType: "json",
                            data:{id : $("#flujosparaeliminartarea option:selected").attr("value")},
                            success: function(data){
                                $("#actividadesparaeliminartarea").find('option').remove().end
                                $("#actividadesparaeliminartarea").append("<option>--Seleccione una Actividad</option>");
                                $("#tareaparaeliminar").find('option').remove().end;
                                $("#tareaparaeliminar").append("<option>--Seleccione una Tarea</option>");
                                $("#summary").html("");
                                $("#eliminar").attr('disabled','disabled');
                                for(var i=0;i<data.length; i++) {
                                $("#actividadesparaeliminartarea").append('<option value="'+data[i].idactividad+'">'+data[i].nombre+'</option>');
                                }
                            }
                        });
                });    
    

                $("#actividadesparaeliminartarea").change(function(){
                        $.ajax({
                            url: "AjaxGetTareaServlet",
                            type: "GET",
                            dataType: "json",
                            data:{id : $("#actividadesparaeliminartarea option:selected").attr("value")},
                            success: function(data){
                                $("#tareaparaeliminar").find('option').remove().end;
                                $("#eliminar").attr('disabled','disabled');
                                $("#summary").html("");
                                $("#tareaparaeliminar").append("<option>--Seleccione una Tarea</option>");
                                for(var i=0;i<data.length; i++) {
                                        $("#tareaparaeliminar").append('<option value="'+data[i].idtarea+'">'+data[i].nombre+'</option>');
                                }
                            }
                        });
                });

                $("#tareaparaeliminar").change(function(){
                        $.ajax({
                            url: "AjaxGetOneTask",
                            type: "GET",
                            dataType: "json",
                            data:{id : $("#tareaparaeliminar option:selected").attr("value")},
                            success: function(data){
                                if($("#tareaparaeliminar").val()!="--Seleccione una Tarea") {
                                    $("#eliminarTareaBtn").removeAttr('disabled');
                                    $("#summary").html('<h4> Atenci&oacute;n! Estas a punto de eliminar la siguiente Tarea: <br> Nombre: '+data.nombre+'<br>Id:'+data.idtarea+'<br>Fecha:'+data.fecha+'<br>Descripcion:'+data.descripcion+'</h4>');   
                                }
                                else {
                                    $("#summary").html("");
                                    $("#eliminarTareaBtn").attr('disabled','disabled');
                                }
                            }
                        });
                });
                
                $("#flujosparaeliminaractividad").change(function(){
                        $.ajax({
                            url: "AjaxGetActivitiesServlet",
                            type: "GET",
                            dataType: "json",
                            data:{id : $("#flujosparaeliminaractividad option:selected").attr("value")},
                            success: function(data){
                                $("#actividadparaeliminar").find('option').remove().end
                                $("#actividadparaeliminar").append("<option>--Seleccione una Actividad</option>");
                                $("#summaryActividad").html("");
                                
                                for(var i=0;i<data.length; i++) {
                                $("#actividadparaeliminar").append('<option value="'+data[i].idactividad+'">'+data[i].nombre+'</option>');
                                }
                            }
                        });
                });
                
                $("#actividadparaeliminar").change(function(){
                        $.ajax({
                            url: "AjaxGetOneActivity",
                            type: "GET",
                            dataType: "json",
                            data:{id : $("#actividadparaeliminar option:selected").attr("value")},
                            success: function(data){
                                if($("#actividadparaeliminar").val()!="--Seleccione una Actividad") {
                                    $("#EliminarActividadBTn").removeAttr('disabled');
                                    $("#summaryActividad").html('<h4> Atenci&oacute;n! Estas a punto de eliminar la siguiente Actividad: <br> Nombre: '+data.nombre+'<br>Id:'+data.idactividad+'<br>Fecha:'+data.fecha+'</h4>');   
                                }
                                else {
                                    $("#summaryActividad").html("");
                                    $("#EliminarActividadBTn").attr('disabled','disabled');
                                }
                            }
                        });
                });
                
                
                $("#flujosparaasignartarea").change(function(){
                        $.ajax({
                            url: "AjaxGetActivitiesServlet",
                            type: "GET",
                            dataType: "json",
                            data:{id : $("#flujosparaasignartarea option:selected").attr("value")},
                            success: function(data){
                                $("#actividadesparaasignartarea").find('option').remove().end
                                $("#actividadesparaasignartarea").append("<option>--Seleccione una Actividad</option>");
                                $("#tareaparaasignar").find('option').remove().end;
                                $("#tareaparaasignar").append("<option>--Seleccione una Tarea</option>");
                                $("#summaryAsignar").html("");
                                $("#eliminar").attr('disabled','disabled');
                                for(var i=0;i<data.length; i++) {
                                $("#actividadesparaasignartarea").append('<option value="'+data[i].idactividad+'">'+data[i].nombre+'</option>');
                                }
                            }
                        });
                });    
    

                $("#actividadesparaasignartarea").change(function(){
                        $.ajax({
                            url: "AjaxGetTareaServlet",
                            type: "GET",
                            dataType: "json",
                            data:{id : $("#actividadesparaasignartarea option:selected").attr("value")},
                            success: function(data){
                                $("#tareaparaasignar").find('option').remove().end;
                                $("#eliminar").attr('disabled','disabled');
                                $("#summaryAsignar").html("");
                                $("#tareaparaasignar").append("<option>--Seleccione una Tarea</option>");
                                for(var i=0;i<data.length; i++) {
                                        $("#tareaparaasignar").append('<option value="'+data[i].idtarea+'">'+data[i].nombre+'</option>');
                                }
                            }
                        });
                });

                $("#tareaparaasignar").change(function(){
                        $.ajax({
                            url: "AjaxGetOneTask",
                            type: "GET",
                            dataType: "json",
                            data:{id : $("#tareaparaasignar option:selected").attr("value")},
                            success: function(data){
                                if($("#tareaparaasignar").val()!="--Seleccione una Tarea") {
                                    $("#eliminarTareaBtn").removeAttr('disabled');
                                    $("#summaryAsignar").html('<h4> Informacion de Tarea: <br> Nombre: '+data.nombre+'<br>Id:'+data.idtarea+'<br>Fecha:'+data.fecha+'<br>Descripcion:'+data.descripcion+'</h4>');   
                                }
                                else {
                                    $("#summaryAsignar").html("");
                                    $("#asignarTareaBtn").attr('disabled','disabled');
                                }
                            }
                        });
                        
                        
                });
                //personas
               
                

            });
            var myCalendar;
            function createChartControl(htmlDiv1){

                var gantt = new GanttChart();
                gantt.setImagePath("gantt/codebase/imgs/");
                gantt.setEditable(false);    
                gantt.showTreePanel(true);
                gantt.showContextMenu(false);
                gantt.showDescTask(true,'p,n,e,d');// p - percentCompleted,n - name,e - est, d - duration
                gantt.showDescProject(true,'n,s,d,p');// p - percentCompleted,n - name,s - start date, d - duration
                gantt.create(htmlDiv1);   
                //gantt.loadData("gantt/data/data1.xml",true,true);
                gantt.loadData('<%=contenido %>', false, true);
                //gantt.loadData('<?xml version="1.0" encoding="UTF-8"?><projects><project id = "2" name= "Flujo de ingrid" startdate = "2013,07,10"><task id="2"><name>Actividad de ingrid</name><est>2013,10,08</est><duration>120</duration><percentcompleted>0</percentcompleted><predecessortasks></predecessortasks><childtasks></childtasks></task></project><project id = "3" name= "Flujo de ingrid" startdate = "2013,03,08"></project><project id = "5" name= "Flujoaspero" startdate = "2013,01,01"><task id="3"><name>Actividad de ingrid</name><est>2013,01,04</est><duration>130</duration><percentcompleted>0</percentcompleted><predecessortasks></predecessortasks><childtasks><task id="4"><name>Tarea de Ingrid</name><est>2013,01,04</est><duration>100</duration><percentcompleted>0</percentcompleted><predecessortasks></predecessortasks><childtasks></childtasks></task><task id="5"><name>Tarea de Ingrid</name><est>2013,01,04</est><duration>120</duration><percentcompleted>0</percentcompleted><predecessortasks></predecessortasks><childtasks></childtasks></task></childtasks></task><task id="6"><name>Actividad 2 de ingrid</name><est>2013,01,07</est><duration>146</duration><percentcompleted>0</percentcompleted><predecessortasks></predecessortasks><childtasks></childtasks></task><task id="7"><name>Actividad 2 de ingrid</name><est>2013,01,04</est><duration>654</duration><percentcompleted>0</percentcompleted><predecessortasks></predecessortasks><childtasks></childtasks></task><task id="8"><name>sdfghjk</name><est>2013,01,09</est><duration>24</duration><percentcompleted>0</percentcompleted><predecessortasks></predecessortasks><childtasks></childtasks></task><task id="9"><name>actividad p</name><est>2013,01,16</est><duration>123</duration><percentcompleted>0</percentcompleted><predecessortasks></predecessortasks><childtasks></childtasks></task></project><project id = "8" name= "completo" startdate = "2013,02,01"><task id="10"><name>completo</name><est>2013,02,02</est><duration>123</duration><percentcompleted>0</percentcompleted><predecessortasks></predecessortasks><childtasks></childtasks></task></project></projects>', false , true);
                myCalendar = new dhtmlXCalendarObject(["calendar","calendar1","calendar2","fechaFlujo"]);	
            }
        </script>
    </head>
    <body onload="createChartControl('GanttDiv');" >
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="brand" href="javascript:void(0);"><%=proyecto%></a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    Flujos<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a data-toggle="modal" href="#crearFlujo">Crear</a></li>
                                    <li><a data-toggle="modal" href="#eliminarFlujo">Eliminar</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    Actividades<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a data-toggle="modal" href="#crearActividad">Crear</a></li>
                                    <li><a data-toggle="modal" href="#eliminarActividad">Eliminar</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    Tareas<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a data-toggle="modal" href="#crearTarea">Crear</a></li>
                                    <li><a data-toggle="modal" href="#eliminarTarea">Eliminar</a></li>
                                    <li><a data-toggle="modal" href="#asignarTarea">Asignar</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    Proyectos<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Crear</a></li>
                                </ul>
                            </li>
                            <li class="divider-vertical"></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    Colaboradores<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="crearProyecto.jsp?sendMail=true&d=g">Invitar</a></li>
                                    <li><a data-toggle="modal" href="#editarColaborador">Editar</a></li>
                                    <li><a href="#">Eliminar</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right">
                            <li>
                                <a href="#">Cambiar contrase&ntilde;a</a>
                            </li>
                            <li class="">
                                <a href="index.jsp">Salir</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid" style="background:url('img/manuPet.png') no-repeat 400px -200px; height: 800px;"  >
            <div class="row-fluid" >
                <div class="span6 pull-left">
                    <div class="page-header" style="border: 0; color: black;">
                        <h1><%=nombre +" "+ apellido%> <small style="color: white;">gerente</small></h1>
                    </div>
                </div>
                <div class="span6">
                    <div class="page-header" style="border: 0; color: black;">
                        <h1>Man&uuml; </h1>
                    </div>
                </div>
            </div>
            <div class="row-fluid" >
                <div class="span12">
                    <div class="hero-unit" >
                        <h2>Diagrama de Actividades</h2>
                        <div id="GanttDiv" style="height: 500px;"></div>
                    </div>
                </div>
            </div>
        </div>
        <% if(request.getParameter("creado")!=null) { %>
        <div id="info" class="modal hide fade in">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3>Informaci&oacute;n</h3>
            </div>
            <div class="modal-body">
                <h1><%=request.getParameter("creado") %></h1>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn btn-primary" data-dismiss="modal">Aceptar</a>
            </div>
        </div>
        <script>
            $('#info').modal({
                keyboard: true
            });
        </script>
        <% } %>
        <div id="crearFlujo" class="modal hide fade in" style="display: none; ">
            <div class="modal-header">
                    <a class="close" data-dismiss="modal">x</a>
                    <h3>Crear Flujo</h3>
                    <form action="ServletCreateFlow" method="POST" class="form-horizontal">
                        <div class="control-group">
                            <label for="nombreFlujo" class="control-label">Nombre del Flujo</label>
                            <div class="controls">
                                <input class="input-xlarge" autofocus="autofocus" placeholder="FlujoX" name="nombreFlujo" id="nombreFlujo" type="text" data-provide="typeahead"/> 
                            </div>
                        </div>    
                        <div class="control-group">
                            <label for="fechaFlujo" class="control-label">Fecha de inicio</label>
                            <div class="controls">
                                <input class="input-xlarge" placeholder="30-08-2012" name="fechaFlujo" id="fechaFlujo" type="text" data-provide="typeahead" autocomplete="off" readonly="readonly"/> 
                                <h4>La fecha de inicio del proyecto es: <%=date%></h4>
                            </div>
                        </div>
                        <div class="form-actions">
                            <input class="btn btn-warning" type="submit" value="Guardar">
                            <button class="btn btn-info" data-dismiss="modal">Cancelar</button>
                        </div>
                    </form>    
            </div>
        </div>
        <div id="crearActividad" class="modal hide fade in" style="display: none; ">
        <div class="modal-header">
		<a class="close" data-dismiss="modal">×</a>
		<h3>Crear Actividad</h3>
                <form action="ServletCreateActivity" method="POST" class="form-horizontal">
                    <div class="control-group">
                        <label for="nombreActividad" class="control-label">Nombre de actividad</label>
                        <div class="controls">
                            <input class="input-xlarge" autofocus="autofocus" placeholder="nombreActividad" name="nombreActividad" id="nombreFlujo" type="text" data-provide="typeahead"/> 
                        </div>
                    </div>  
                    <div class="control-group">
                        <label for="flujo" class="control-label">Actividad perteneciente al flujo</label>
                        <div class="controls">
                            <select name="flujo" id="flujosParaTarea" class="input-xlarge">
                                <option>--Seleccione un Flujo</option>
                                <%

                                    Collection<FlujoVO> flujos = project.getFlujoCollection();
                                    Iterator flujoIterator = flujos.iterator();
                                    FlujoVO flujoVo = new FlujoVO();
                                %>  
                                <%while(flujoIterator.hasNext()) { 
                                    flujoVo = (FlujoVO) flujoIterator.next();%>
                                    <option value="<%=flujoVo.getIdflujo()%>"><%=flujoVo.getNombre()%></option>
                                <% } %>
                            </select>
                        </div>
                    </div> 
                    <div class="control-group">
                        <label for="fechaActividad" class="control-label">Fecha de inicio</label>
                        <div class="controls">
                            <input placeholder="30-08-2012" name="fechaActividad" type="text" id="calendar1" value="" size="40" autocomplete="off" readonly="readonly">
                            <h4>La fecha de inicio del Flujo asociado es: <label name="fechacambio" id="fechacambio"> </label></h4> 
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="duracion" class="control-label">Duraci&oacute;n</label>
                        <div class="controls">
                            <input name="duracion" placeholder="8" type="text"  value="" class="input-small"> horas
                        </div>
                    </div>
                       
                    <div class="form-actions">
                        <input class="btn btn-warning" type="submit" value="Guardar">
                        <button class="btn btn-info" data-dismiss="modal">Cancelar</button>
                    </div>
                </form>    
        </div>
        </div>             
                  
         <%
           Collection<FlujoVO> otrosflujos = project.getFlujoCollection();
           Iterator otroflujoIterator = otrosflujos.iterator();
           FlujoVO flujoVO = new FlujoVO();
        %>  
        
        <div id="crearTarea" class="modal hide fade in" style="display: none; ">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">×</a>
            <h3>Crear Tarea</h3>
            <form action="ServletCreateTask" method="POST" class="form-horizontal">
                <div class="control-group">
                    <label for="nombreTarea" class="control-label">Nombre de Tarea</label>
                    <div class="controls">
                        <input name="nombreTarea" type="text" autofocus="autofocus" value="" size="40">
                    </div>
                </div>
                <div class="control-group">
                    <label for="actividad" class="control-label">Tarea perteneciente a la actividad</label>
                    <div class="controls">
                        <select name="actividad" id="actividadParaTarea">
                            <option>--Seleccione una actividad</option>
                            <%while(otroflujoIterator.hasNext()) { 
                                flujoVO = (FlujoVO) otroflujoIterator.next();
                                Collection<ActividadVO> actividades = flujoVO.getActividadCollection();
                                Iterator itractivities = actividades.iterator();
                                while(itractivities.hasNext()) {
                                  ActividadVO activityVo = (ActividadVO) itractivities.next();%>
                                  <option value="<%=activityVo.getIdactividad()%>"><%=activityVo.getNombre()%></option>
                            <%  }
                              }%>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label for="fechaTarea" class="control-label">Fecha de inicio</label>
                    <div class="controls">
                        <input name="fechaTarea" type="text" id="calendar2" value="" size="40" autocomplete="off" readonly="readonly">
                            <h4>La fecha de inicio de la actividad asociado es: <label name="fechacambio" id="fechacambioactividad"> </label></h4>
                    </div>
                </div>
                <div class="control-group">
                    <label for="duracion" class="control-label">Duraci&oacute;n</label>
                    <div class="controls">
                        <input name="duracion" type="text"  value="" class="input-small">   
                    </div>
                </div>
                <!--
                <div class="control-group">
                    <label for="predecesora" class="control-label">Tarea predecesora</label>
                    <div class="controls">
                        <select name="predecesora" id="actividadPredecesoras">
                            <option>Aca colocar las tareas necesarias</option>
                            <option>Tarea 1</option>
                            <option>Tarea 2 </option>>
                        </select>
                    </div>
                </div>
                -->
                <div class="control-group">
                    <label class="control-label">Descipci&oacute;n</label>
                    <div class="controls">
                        <textarea rows="8" name="descripcion" data-provide="typeahead"></textarea>
                    </div>
                </div>
                <div class="form-actions">
                    <input class="btn btn-warning" type="submit" value="Guardar">
                    <button class="btn btn-info" data-dismiss="modal">Cancelar</button>
                </div>
            </form>    
        </div>
        </div>                             
        
                           
        <div id="eliminarTarea" class="modal hide fade in" style="display: none; ">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">x</a>
            <h3>Eiminar Tarea</h3>
            <br>
              <form action="ServletRemoveTask" method="POST" class="form-horizontal">
                <div class="control-group">
                    <label class="control-label">Tarea perteneciente al Flujo:</label>
                    <div class="controls">
                        <select name="flujo" id="flujosparaeliminartarea">
                            <option>--Seleccione un Flujo</option>
                            <%
                                Collection<FlujoVO> flujoseliminartarea = project.getFlujoCollection();
                                Iterator flujoseliminartareaIterator = flujos.iterator();
                                FlujoVO flujoeliminartareaVo = new FlujoVO();
                            %>  
                            <%while(flujoseliminartareaIterator.hasNext()) { 
                                flujoeliminartareaVo = (FlujoVO) flujoseliminartareaIterator.next();%>
                                <option value="<%=flujoeliminartareaVo.getIdflujo()%>"><%=flujoeliminartareaVo.getNombre()%></option>
                            <% } %>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Tarea perteneciente a la Actividad</label>
                    <div class="controls">
                        <select name="actividadparaeliminartarea" id="actividadesparaeliminartarea">
                            <option>--Seleccione una Actividad</option>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">¿C&uacute;al Tarea deseas eliminar?</label>
                    <div class="controls">
                        <select name="tareaeliminar" id="tareaparaeliminar">
                            <option>--Seleccione una Tarea</option>
                        </select>
                        <br/>
                        <label id="summary"></label>
                    </div>
                </div>
                  
                <div class="form-actions">
                    <input class="btn btn-warning" id="eliminarTareaBtn" type="submit" value="Eliminar">
                    <button class="btn btn-info" data-dismiss="modal">Cancelar</button>
                </div>
             </form>
        </div>
        </div>     
                        
                        
        <!--
        VENTANA MODAL PARA ELIMINAR ACTIVIDADES
        -->
        
        
        <div id="eliminarActividad" class="modal hide fade in" style="display: none; ">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">x</a>
            <h3>Eiminar Actividad</h3>
            <br>
              <form action="ServletRemoveActivity" method="POST" class="form-horizontal">
                <div class="control-group">
                    <label class="control-label">Actividad perteneciente al Flujo:</label>
                    <div class="controls">
                        <select name="flujosparaeliminaractividad" id="flujosparaeliminaractividad">
                            <option>--Seleccione un Flujo</option>
                            <%
                                Collection<FlujoVO> flujoseliminaractividad = project.getFlujoCollection();
                                Iterator flujoseliminaractvityIterator = flujoseliminaractividad.iterator();
                                FlujoVO flujoeliminaractividadVo = new FlujoVO();
                            %>  
                            <%while(flujoseliminaractvityIterator.hasNext()) { 
                                flujoeliminaractividadVo = (FlujoVO) flujoseliminaractvityIterator.next();%>
                                <option value="<%=flujoeliminaractividadVo.getIdflujo()%>"><%=flujoeliminaractividadVo.getNombre()%></option>
                            <% } %>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">¿C&uacute;al Actividad deseas eliminar?</label>
                    <div class="controls">
                        <select name="actividadparaeliminar" id="actividadparaeliminar">
                            <option>--Seleccione una Actividad</option>
                        </select>
                        <br/>
                        <label id="summaryActividad"></label>
                    </div>
                </div>
                  
                <div class="form-actions">
                    <input class="btn btn-warning" id="EliminarActividadBTn"type="submit" value="Eliminar">
                    <button class="btn btn-info" data-dismiss="modal">Cancelar</button>
                </div>
             </form>
        </div>
        </div>     
                        
         <!--
        VENTANA MODAL PARA ELIMINAR FLUJOS
        -->                
        
                        
        <div id="eliminarFlujo" class="modal hide fade in" style="display: none; ">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">x</a>
            <h3>Eiminar Flujo</h3>
            <br>
              <form action="ServletRemoveFlow" method="POST" class="form-horizontal">
                <div class="control-group">
                    <label class="control-label">¿C&uacute;al Flujo deseas eliminar?</label>
                    <div class="controls">
                        <select name="flujoparaeliminar" id="flujoparaeliminar">
                            <option>--Seleccione un Flujo</option>
                            <%
                                Collection<FlujoVO> flujosparaeliminar = project.getFlujoCollection();
                                Iterator flujosparaeliminarIterator = flujosparaeliminar.iterator();
                                FlujoVO flujoparaeliminarVo = new FlujoVO();
                            %>  
                            <%while(flujosparaeliminarIterator.hasNext()) { 
                                flujoparaeliminarVo = (FlujoVO) flujosparaeliminarIterator.next();%>
                                <option value="<%=flujoparaeliminarVo.getIdflujo()%>"><%=flujoparaeliminarVo.getNombre()%></option>
                            <% } %>
                        </select>
                    </div>
                </div>
                <div class="form-actions">
                    <input class="btn btn-warning" type="submit" value="Eliminar">
                    <button class="btn btn-info" data-dismiss="modal">Cancelar</button>
                </div>
             </form>
        </div>
        </div>      
                        
                        
                        

        <div id="asignarTarea" class="modal hide fade in" style="display: none; ">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">x</a>
            <h3>Asignar Tarea</h3>
            <br>
              <form action="ServletAssignTask" method="POST" class="form-horizontal">
                <div class="control-group">
                    <label class="control-label">Tarea perteneciente al Flujo:</label>
                    <div class="controls">
                        <select name="flujo" id="flujosparaasignartarea">
                            <option>--Seleccione un Flujo</option>
                            <%
                                Collection<FlujoVO> flujosasignartarea = project.getFlujoCollection();
                                Iterator flujosasignartareaIterator = flujosasignartarea.iterator();
                                FlujoVO flujoasignartareaVo = new FlujoVO();
                            %>  
                            <%while(flujosasignartareaIterator.hasNext()) { 
                                flujoasignartareaVo = (FlujoVO) flujosasignartareaIterator.next();%>
                                <option value="<%=flujoasignartareaVo.getIdflujo()%>"><%=flujoasignartareaVo.getNombre()%></option>
                            <% } %>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Tarea perteneciente a la Actividad</label>
                    <div class="controls">
                        <select name="actividadparaasignartarea" id="actividadesparaasignartarea">
                            <option>--Seleccione una Actividad</option>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">¿C&uacute;al Tarea deseas asignar?</label>
                    <div class="controls">
                        <select name="tareaasignar" id="tareaparaasignar">
                            <option>--Seleccione una Tarea</option>
                        </select>
                        <br/>
                        <label id="summary"></label>
                    </div>
                </div>
                  
                <div class="control-group">
                    <label class="control-label">¿Qu&iacute;n debe realizar esta Tarea?</label>
                    <div class="controls">
                        <select name="personas" id="personas">
                            <option>--Seleccione un Colaborador</option>
                            <%
                            Collection<UsuarioVO> usuarioVOs = project.getPersonaCollection();
                            Iterator itrcola = usuarioVOs.iterator();
                            while(itrcola.hasNext()) {
                                UsuarioVO userVo = (UsuarioVO) itrcola.next();   
                                if(userVo.getIdrol().getIdrol()==3) {
                              %>
                              <option value="<%=userVo.getCorreo()%>"><%=userVo.getCorreo()%></option>
                            <% 
                                }                            
                             }
                            %>
                            
                            
                        </select>
                        <br/>
                        <label id="summaryAsignar"></label>
                    </div>
                </div>
                <div class="form-actions">
                    <input class="btn btn-warning" id="eliminarTareaBtn" type="submit" value="Guardar">
                    <button class="btn btn-info" data-dismiss="modal">Cancelar</button>
                </div>
             </form>
        </div>
        </div>
                        
        <div id="editarColaborador" class="modal hide fade in" style="display: none; ">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">x</a>
                <jsp:include page="editarcolaborador.jsp"/> 
        </div>
        </div>     
                        
                                 
                       
       
    </body>
</html>
